Font Awesome
https://gyazo.com/2080ae3cf77ffccd8ff3b1270fd59487
Cheatsheet | Font Awesome
reference.icon font-awesome - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers
アイコンフォント
cssでつかった
Settings
CDNが有料化した?
旧バージョンの導入方法
code:ex.css
.line span.code-block .code-block-start a::before {
font-family: "FontAwesome";
display: inline-block;
text-decoration: none !important;
}
Font Awesome 5 CDNでの導入方法
scrapboxのためにcssだけで操作するのに手こずった
手順
公式サイトにログイン
Font Awesome CDN
https://fontawesome.com/account/cdn
もらったものをまとめてimport
セミコロン忘れ侍
code:ex.css
@import url("https://use.fontawesome.com/releases/v5.15.3/css/all.css?integrity=sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk&crossorigin=anonymous");
2つとも入れる
code:ex.css
.line span.code-block .code-block-start a::before {
font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
display: inline-block;
text-decoration: none !important;
}
cdnjs.cloudflare.com版 5.15.3
code:style_5_15_3.css
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");
.line span.code-block .code-block-start title:before {
text-decoration: none !important;
font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
font-weight: 400;
display: inline-block;
}